
$(function () {
    // 任意轮播
    function my_slider(jq_obj,box_h,box_w,img_h,dotbtn_place,dotbtn_w,dotbtn_h,dotbtn_radius) {
        jq_obj.tyslide({
            boxh: box_h,//盒子的高度
            w: box_w,//盒子的宽度
            h: img_h,//图片的高度
            isShow: true,//是否显示控制器
            isShowBtn: true,//是否显示左右按钮
            controltop: dotbtn_place,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
            controlsW: dotbtn_w,//控制按钮宽度
            controlsH: dotbtn_h,//控制按钮高度
            radius: dotbtn_radius,//控制按钮圆角度数
            controlsColor: "#7f7f7f",//普通控制按钮的颜色"#7f7f7f"
            controlsCurrentColor: "#fff",//当前控制按钮的颜色 "#fff"
            isShowNum: false //是否显示数字
        });
    }

    // 任意tab栏切换
    function tab_toggle(event_obj,) {
        event_obj.click(function () {
            $(this).addClass("current").siblings().removeClass("current");
            $(this).parent().siblings(".content").children().eq($(this).index()).show().siblings().hide();
        })
    }

    // 搜索框跟随
    let searchTop = $(".search").offset().top;
    $(window).scroll(function () {
        if (searchTop <= $(document).scrollTop()) {
            $(".search").css({
                position: "fixed",
                zIndex: 9999,
                backgroundColor: "orange",
                opacity: 0.9,
                boxShadow: "0 3px 20px 0 #000"
            }).find("form").css({
                left: "50%",
                marginLeft: -220
            })
        } else {
            $(".search").css({
                position: "relative",
                zIndex: 0,
                backgroundColor: "",
                boxShadow: ""
            }).find("form").css({
                left: 315,
                marginLeft: 0
            })
        }
    })

    // 侧边菜单栏
    $(".banner .sidebar_title").mouseenter(function () {
        $(this).find(".content").stop().fadeIn(600);
    }).mouseleave(function () {
        $(this).find(".content").stop().fadeOut(5);
    })

    //主轮播图
    $("#bannerInner").tyslide({
        boxh: 420,//盒子的高度
        w: 1000,//盒子的宽度
        h: 390,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,//控制按钮宽度
        controlsH: 20,//控制按钮高度
        radius: 10,//控制按钮圆角度数
        controlsColor: "#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
        isShowNum: true //是否显示数字
    });

    // 图书菜单栏
    tab_toggle($(".book_l>ul li"));
    // 图书轮播
    my_slider($(".book .pptbox"),218,332,218,7,14,2,10)

    // 服装菜单栏
    tab_toggle($(".cloth>ul li"))
    // 服装轮播
    my_slider($(".cloth .pptbox"),340,425,340,7,14,2,10)

    // 户外运动
    tab_toggle($(".sport>ul li"))
    // 户外运动轮播
    my_slider($(".sport .pptbox"),340,425,340,7,14,2,10)

    // 童装菜单栏
    tab_toggle($(".childwear>ul li"))
    // 童装轮播
    my_slider($(".childwear .pptbox"),340,425,340,7,14,2,10)

    // 推广商品
    $(".promote_product_info li").on({
        mouseover: function () {
            $(this).css({
                boxShadow: "0 0 20px 3px rgba(0,0,0,0.4)",
                backgroundColor: "#f2f2f2"
            })
        },
        mouseleave: function () {
            $(this).css({
                boxShadow: "",
                backgroundColor: ""
            })
        }
    })
    $(".dot_btn span").click(function () {
        $(this).css("background", "#ff6600").siblings().css("background", "")
        $(".promote_product_info ul").eq($(this).index()).stop().fadeIn(1000).siblings().stop().hide();
    })

    // 回到顶部
    let sportTop = $(".sport").offset().top;
    $(window).scroll(function () {
        if (sportTop > $(document).scrollTop()) {
            $(".back_top").stop().fadeOut();
        } else {
            $(".back_top").stop().fadeIn();
        }
    })
    $(".back_top").click(function () {
        $("html,body").stop().animate({
            scrollTop: 0
        }, 1000)
    })

    // 楼层侧边栏
    let colors = ["#93d470", "#f55827", "#ba9ded", "#ff7294", "#c2eb4f"]
    let flag = true;
    $(".floor_side li").each(function (k, value) {
        $(value).click(function () {
            flag = false;
            let top = $(".floor>div").eq($(this).index()).offset().top;
            $(this).css({
                background: colors[k],
                width: 80
            }).siblings().css({
                background: "",
                width: 40
            });
            $("html,body").stop().animate({
                scrollTop: top
            }, 3000, function () {
                flag = true;
            })
        })
    })
    let trTop = $(".book").offset().top;
    $(window).scroll(function () {
        if (trTop <= $(document).scrollTop()) {
            $(".floor_side").stop().fadeIn();
        } else {
            $(".floor_side").stop().fadeOut();
        }
        if (flag) {
            $(".floor>div").each(function (k, value) {
                let top = $(value).offset().top;
                if (top <= $(document).scrollTop()) {
                    $(".floor_side li").eq($(this).index()).css({
                        background: colors[k],
                        width: 80
                    }).siblings().css({
                        background: "",
                        width: 40
                    });
                }
            })
        }
    })

    // 领奖中心
    $(".awardCenter p").on({
        click: function () {
            $(this).children("img").stop().fadeIn(1000)
        },
        mouseleave: function () {
            $(this).children("img").stop().fadeOut(1000)
        }
    })

    // 抽奖
    setInterval(function () {
        $(".raffle-pic img").animate({
            width: 100

        }).animate({
            width: 120
        })
    })
    $(".raffle-pic").click(function () {
        $(".raffle-dish").fadeIn();
    })

    // 经过添加类名
    $(".raffle-dish button").hover(function () {
        $(this).toggleClass("current")
    })

    // 关闭抽奖
    $(".raffle-dish .close").click(function () {
        $(this).parents(".raffle-dish").fadeOut();
    })

    // 开始抽奖
    function getrandom() {
        return (Math.random() * 3600) + 720
    }
    let sum = 0
    $(".start").click(function () {
        $(this).prop("disabled", true)
        sum += getrandom()
        console.log(sum);
        $(".pointer").css({
            transform: "rotate(" + sum + "deg)"
        })
        setTimeout(function () {
            n = sum % 360
            if (0 < n && n <= 90) {
                alert("恭喜你,满200减50")
            } else if (n > 90 && n <= 180) {
                alert("恭喜你,满300减100")
            } else if (n > 180 && n <= 270) {
                alert("谢谢惠顾")
            } else {
                alert("恭喜你,满100减20")
            }
            $(".start").prop("disabled", false)
        }, 2000)
    })
})
